<!-- 引入公共部分 -->
{{extend './layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->
<link rel="stylesheet" href="/static/admin/css/orderAmount.css">
<script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
{{/block}}

<!-- body代码 -->
{{block 'main'}}
    <!-- 头部导航代码 -->
    {{include './header.html'}}
    <div class="banner">
        <div class="left">
            <!-- 侧边栏 -->
            {{include './aside.html'}}
        </div>
        <div class="right">
            <div class="nav">
                <i class="iconfont shouyebeifen"></i>
                <a href="/admin">首页</a>
                <i class="iconfont zuoyoujiantou"></i>
                <a href="/admin/trade/orderAmount">订单金额</a>
            </div>
            <div class="wrap">
               <div class="amountHeader clearfix">
                   <div class="amountheaderDiv">
                       <span>
                           成交总额：￥{{info[0]}}元
                       </span>
                       <p>最新统计时间</p>
                   </div>
                   <div class="amountheaderDiv">
                       <span>
                        ￥{{info[2]==null?0:info[2]}}元  
                       </span>
                       <p>当天成交金额</p>
                   </div>
                   <div class="amountheaderDiv" onclick="openChartFun()" id="amountheaderDiv">
                       <div>
                           <i class="iconfont shuju"></i>
                           <p>当月统计</p>
                       </div>
                   </div>
               </div>
               <div class="amountNav">
                   <button class="btn iconfont quanbudingdan"> 全部订单</button>
                   <button class="btn iconfont jintian1"> 当天订单</button>
                   <button class="btn iconfont benyue"> 当月订单</button>
               </div>   
               <div class="amountWrap">
                <table class="tableOne" >
                    <thead>
                        <tr>
                            <td>序号</td>
                            <td>订单编号</td>
                            <td>成交时间</td>
                            <td>成交金额</td>
                            <td>状态</td>
                        </tr>
                    </thead>
                    <tbody class="tbodyMenu">
                        <tr>
                            <td>1</td>
                            <td>1234567889</td>
                            <td>2021-11-03T08:09:31.000+00:00</td>
                            <td>￥1245.00</td>
                            <td>成功</td>
                        </tr>
                    </tbody>
                    </table>
               </div>
               <div class="paging">
                    <span class="pageMessage">第1到5条记录，共5条</span>
                    <button class="prev"  onclick="prevFun()">上一页</button>
                    <div class="pages">
                    </div>
                    <button class="next"  onclick="nextFun()">下一页</button>
                    <span>第</span>
                    <input class="searchByPage" type="number" min="1" value="1">
                    <span>页</span>
                    <button onclick="changePageFun()">跳转</button>
                </div>
            </div> 
            <div class="chartWin">
                <div class="chartTop">
                    <span>当月销售统计</span>
                    <i class="iconfont shibai" onclick="closeOrderAmount()"></i >
                </div>
                <div id="chartWrap">
                    
                </div>
                <div class="chartBtns">
                    <button class="btn updataBtn"  onclick="closeOrderAmount()">确认</button>
                    <button class="btn delsBtn"  onclick="closeOrderAmount()">取消</button>
                </div>
            </div>
        </div>
        <!-- 底部信息 -->
        {{include './footer.html'}}
        <div class="covers" onclick="closeOrderAmount()"></div>
    </div>
    {{include './tools.html'}}

{{/block}}
{{block 'script'}}
<!-- 添加js代码 -->
<script src="/static/admin/js/orderAmount.js"></script>
{{/block }}
